<template>

    <div class="Control">
        <div class="left">
          <Menu active-name="1" style="width: 200px">
        <Submenu name="1">
            <template #title>
                <div class="menuImg">
                    <img
                      src="../../../image/cfjs-active.svg"
                      alt=""
                      style="width: 18px; height: 18px"
                    />
                    <div>
                      集采管控
                    </div>
                  </div>
            </template>
           
                <MenuItem name="1-1" to="/jcrw">集采任务</MenuItem>
                <MenuItem name="1-2" to="/rwzx">任务执行</MenuItem>
       
        </Submenu>
        <Submenu name="2">
            <template #title>
                <div class="menuImg">
                    <img
                      src="../../../image/ypgk-noActive.svg"
                      alt=""
                      style="width: 18px; height: 18px"
                    />
                    <div>
                      药品管控
                    </div>
                  </div>
            </template>
            <MenuItem name="2-1" to="/ypml">药品目录</MenuItem>
            <MenuItem name="2-2" to="/yplr">药品录入</MenuItem>
           
        </Submenu>
        
    </Menu>
        </div>
    
        <div class="right">
          <router-view />
        </div>
      </div>

    
</template>

<script>

</script>



<style scoped>
.Control {
    display: flex;
    height: 100vh;
}
.left{
    
    background-color: #fff;
    border-right: 1px solid #dddddd;
}
.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu){
  background-color: #f9f5f3;  
 }
.right{
    width: 100%;
  }
  .menuImg{
    display: flex;
  
    align-items: center;
  }
  .menuImg div{
    padding-left: 5px ;
  }
</style>
